

<li>
  <a href="" ng-click="openStudent = !openStudent"><b>STUDENT REGISTRATION</b></a>
  <ul collapse="openStudent" class="nav nav-list nav-stacked">
    <li ng-class="{active: $state.includes('students')}"><a ui-sref="students.list">Search Student</a></li>
    <li ng-class="{active: $state.includes('sr')}"><a ui-sref="sr.new">New Student</a></li>
    <li ng-class="{active: $state.includes('pt')}"><a ui-sref="pt.list">Placement Test</a></li>
    <li ng-class="{active: $state.includes('mt')}"><a ui-sref="mt.list">Make-up Test</a></li>
  </ul>
</li>

<li>
  <a href="" ng-click="openCourse = !openCourse"><b>COURSE MANAGER</b></a>
  <ul collapse="openCourse" class="nav nav-list nav-stacked">
    <li ng-class="{active: $state.includes('coursetypes')}"><a ui-sref="coursetypes.list">Course Types</a></li>
    <li ng-class="{active: $state.includes('terms')}"><a ui-sref="terms.list">Terms</a></li>
    <li ng-class="{active: $state.includes('courses')}"><a ui-sref="courses.list">Courses</a></li>
    <li ng-class="{active: $state.includes('courseSchedules')}"><a ui-sref="courseSchedules.list">Course Schedules</a></li>
  </ul>
</li>

<li ng-class="{active: $state.includes('payments')}"><a ui-sref="payments.list"><b>CASHIER</b></a></li>

<li>
  <a href="" ng-click="openInventory = !openInventory"><b>INVENTORY</b></a>
  <ul collapse="openInventory" class="nav nav-list nav-stacked">
    <li ng-class="{active: $state.includes('inventories')}"><a ui-sref="inventories.list">Inventories</a></li>
    <li ng-class="{active: $state.includes('suppliers')}"><a ui-sref="suppliers.list">Suppliers</a></li>
    <li ng-class="{active: $state.includes('products')}"><a ui-sref="products.list">Products</a></li>
    <li ng-class="{active: $state.includes('productcategories')}"><a ui-sref="productcategories.list">Product Categories</a></li>
    <!-- <li ng-class="{active: $state.includes('productprices')}"><a ui-sref="productprices.list">Product Prices</a></li> -->
  </ul>
</li>

<li>
  <a href="" ng-click="openPayment = !openPayment"><b>PAYMENT</b></a>
  <ul collapse="openPayment" class="nav nav-list nav-stacked">
    <li ng-class="{active: $state.includes('banks')}"><a ui-sref="banks.list">Banks</a></li>
    <li ng-class="{active: $state.includes('creditcardtypes')}"><a ui-sref="creditcardtypes.list">Credit Cards</a></li>
    <li ng-class="{active: $state.includes('banktransferrecords')}"><a ui-sref="banktransferrecords.list">Bank Transfer Records</a></li>
    <li ng-class="{active: $state.includes('creditcardtransactionrecords')}"><a ui-sref="creditcardtransactionrecords.list">Credit Card Transaction Records</a></li>
  </ul>
</li>